<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>信息补全</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <script>
        var w = window.innerWidth || screen.width;		//获取设备宽
        var html = document.documentElement;
        if (w > 750) {
            w = 750;
        }
        var fontSize = w / 16 + 'px';
        html.style.fontSize = fontSize;
    </script>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/account.css">
</head>
<body>
    <div class="account_top">
        <p>您正在使用的是微信默认分配的临时解螺旋账号，请补全解螺旋账号信息或登录已有解螺旋账号。解螺旋承诺保障您的手机号码及信息隐私安全。</p>
    </div>

    <div class="account_nav_type">
        <div class="account_list account_act">
            <p class="account_tit account_act_text">补全账号信息</p>
            <p class="pro_tit">填写手机号码</p>
        </div>
        <div class="account_list">
            <p class="account_tit">已有解螺旋账号</p>
            <p class="pro_tit">登录并关联</p>
        </div>
    </div>

    <!--***检验***-->
    <div class="checkout_cont">
        <div class="check_text">
            <div class="hint_cont text_pro clear">
                <img src="images/hint_icon.png" alt="" class="chect_hint_icon">
                <p>您填写的手机号码将用于补全您的临时解螺旋账号信息。补全后，手机号或微信账号均可登录解螺旋手机端及pc网站。</p>
            </div>
        </div>
        <div class="checkout_import">
            <div class="tel_cont">
                <div class="checkout_inp clear">
                    <input type="number"  placeholder="手机号码" class="tel_inp">
                    <input type="button" value="校验" class="check_but">
                </div>
            </div>
        </div>
    </div>

    <!--***登录***-->
    <div class="checkout_cont">
        <div class="check_text">
            <div class="hint_cont text_pro clear">
                <img src="images/hint_icon.png" alt="" class="chect_hint_icon">
                <p>请输入要登录的解螺旋账号，登录后将关联至您的微信账号，可使用微信快捷登录解螺旋移动端及pc网站</p>
            </div>
        </div>
        <div class="checkout_import">
            <div class="login_cont">
                <div class="input_text clear">
                    <p class="type_text middle">账号</p>
                    <input type="text" class="txt-input middle" placeholder="请输入手机号码">
                </div>
            </div>
            <div class="bor"></div>
            <div class="login_cont">
                <div class="input_text clear">
                    <p class="type_text middle">账号</p>
                    <input type="text" class="txt-input middle" placeholder="请输入手机号码">
                </div>
            </div>
        </div>
        <div class="login_but">
            <input type="button" value="登录" class="blue_b color_w">
        </div>
    </div>
</body>
</html>